<extend name="Public/base"/>

<block name="body">
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <div class="main-title">
        <h2>{:isset($info['id'])?'编辑':'新增'}店铺</h2>
    </div>
    <div class="tab-wrap">
        <ul class="tab-nav nav">
            <li data-tab="tab1" class="current"><a href="javascript:void(0);">基 础</a></li>
            <li data-tab="tab2"><a href="javascript:void(0);">增 加 分 屏</a></li>
        </ul>
        <div class="tab-content">
            <form action="{:U('add')}" method="post" class="form-horizontal">
                <!-- 基础 -->
                <div id="tab1" class="tab-pane in tab1">
                    <div class="form-item">
                        <label class="item-label">
                            店铺名称<span class="check-tips">（名称不能为空）</span>
                        </label>
                        <div class="controls">
                            <input type="text" name="title" class="text input-large" value="{$info.title|default=''}">
                        </div>
                    </div>

                    <div class="controls" style="width: 120px;">
                        <label class="item-label">店铺大图</label>
                        <input type="file" id="upload_picture">
                        <input type="hidden" name="thumb" id="thumb" value="{$info['thumb']|default=''}"/>
                        <div class="upload-img-box">
                            <notempty name="info['thumb']">
                                <div class="upload-pre-item"><img src="__ROOT__{$info.thumb|get_cover='path'}"/></div>
                            </notempty>
                        </div>
                    </div>

                    <script type="text/javascript">
                        //上传图片
                        /* 初始化上传插件 */
                        $("#upload_picture").uploadify({
                            "height"          : 30,
                            "swf"             : "__STATIC__/uploadify/uploadify.swf",
                            "fileObjName"     : "download",
                            "buttonText"      : "上传图片",
                            "uploader"        : "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
                            "width"           : 120,
                            'removeTimeout'	  : 1,
                            'fileTypeExts'	  : '*.jpg; *.png; *.gif;',
                            "onUploadSuccess" : uploadPicture,
                            'onFallback' : function() {
                                alert('未检测到兼容版本的Flash.');
                            }
                        });
                        function uploadPicture(file, data){
                            var data = $.parseJSON(data);
                            var src = '';
                            if(data.status){
                                $("#thumb").val(data.id);
                                src = data.url || '__ROOT__' + data.path;
                                $("#thumb").parent().find('.upload-img-box').html(
                                    '<div class="upload-pre-item"><img src="' + src + '"/></div>'
                                );
                            } else {
                                updateAlert(data.info);
                                setTimeout(function(){
                                    $('#top-alert').find('button').click();
                                    $(that).removeClass('disabled').prop('disabled',false);
                                },1500);
                            }
                        }
                    </script>
                    <div class="form-item">
                        <label class="item-label">店铺描述<span class="check-tips"></span></label>
                        <div class="controls">
                            <label class="textarea input-large">
                                <textarea name="describe">{$info.describe|default=''}</textarea>
                            </label>
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">标签<span class="check-tips">请用“|”分割</span></label>
                        <div class="controls">
                            <label class="textarea input-large">
                                <textarea name="extra">{$info.tag|default=''}</textarea>
                            </label>
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">
                            区域<span class="check-tips"></span>
                        </label>
                        <div class="controls">
                            <input type="text" name="area" class="text input-large" value="{$info.area|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">
                            地址<span class="check-tips"></span>
                        </label>
                        <div class="controls">
                            <input type="text" name="address" class="text input-large" value="{$info.address|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">
                            经度<span class="check-tips"></span>
                        </label>
                        <div class="controls">
                            <input type="text" name="lng" class="text input-large" value="{$info.lng|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">
                            维度<span class="check-tips"></span>
                        </label>
                        <div class="controls">
                            <input type="text" name="lat" class="text input-large" value="{$info.lat|default=''}">
                        </div>
                    </div>
                </div>


                <!-- 高级 -->
                <div id="tab2" class="tab-pane tab2">
                    <div class="form-item">
                        <label class="item-label">分屏名称</label>
                        <div class="controls">
                            <input type="text" name="ftitle" class="text input-large" value="{$info.screen.title|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">定向曝光数量</label>
                        <div class="controls">
                            <input type="number" name="up_num" class="text input-large" value="{$info.screen.up_num|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">定向引流数量</label>
                        <div class="controls">
                            <input type="number" name="in_num" class="text input-large" value="{$info.screen.in_num|default=''}">
                        </div>
                    </div>
                    <div class="form-item">
                        <label class="item-label">分屏编号</label>
                        <div class="controls">
                            <input type="text" name="equipment" class="text input-large" value="{$info.screen.equipment|default=''}">
                        </div>
                    </div>
                </div>

                <div class="form-item">
                    <input type="hidden" name="id" value="{$info.id|default=''}">
                    <input type="hidden" name="pid" value="{:isset($category['id'])?$category['id']:$info['pid']}">
                    <button type="submit" id="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 定</button>
                    <button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
                </div>
            </form>
        </div>
    </div>
</block>

<block name="script">
    <script type="text/javascript">
        <present name="info.id">
            Think.setValue("allow_publish", {$info.allow_publish|default=1});
        Think.setValue("check", {$info.check|default=0});
        Think.setValue("model[]", {$info.model|json_encode} || [1]);
        Think.setValue("type[]", {$info.type|json_encode} || [2]);
        Think.setValue("display", {$info.display|default=1});
        Think.setValue("reply", {$info.reply|default=0});
        Think.setValue("reply_model[]", {$info.reply_model|json_encode} || [1]);
        </present>
        $(function(){
            showTab();
            $("input[name=reply]").change(function(){
                var $reply = $(".form-item.reply");
                parseInt(this.value) ? $reply.show() : $reply.hide();
            }).filter(":checked").change();
        });
        //导航高亮
        highlight_subnav('{:U('Store/index')}');
    </script>
</block>
